<template>
  <div class="app-container">
    <!-- 头部 -->
    <div class="ProductionDynamicHeader">
      <Find :OriginalFilter="{ static: true }" :formList="formList" @findClicked="findData" />
    </div>

    <!-- 左侧 -->
    <div class="Main flex mt10">
      <el-card shadow="never" :body-style="{ padding: '10px 10px 10px' }">
        <div slot="header">
          <h1 class="MainLeftCardH1">{{ $t(`Print.InstructionDetails`) }}</h1>
        </div>
        <Table :tableData="tableData" :tableHeader="tableHeader" :selection="true" :TableHeight="140" />
      </el-card>

      <!-- 右侧 -->
      <el-card class="MainLeftCard" shadow="always" :body-style="{ padding: '10px 10px 10px' }" style="flex: 1">
        <el-card shadow="never" :body-style="{ padding: '0px' }">
          <div slot="header" class="f16 mb9">
            <span style="font-weight: 600">{{ $t(`Print.InstructionInformation`) }}</span>
          </div>
          <div class="flex top">
            <Find :OriginalFilter="{ static: true }" :formList="formList2" :searchImg="false" :FormClass="'left'" />
            <Find :OriginalFilter="{ static: true }" :formList="formList3" :searchImg="false" :FormClass="'right'" />
          </div>
        </el-card>

        <div class="main mt24 flex">
          <el-select v-model="value" filterable :placeholder="$t(`Print.PONumberDetails`)">
            <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
          </el-select>
          <div class="ml15 flex" v-if="value === 0">
            <span class="f14" style="width: 40px; line-height: 32px">{{ $t(`Print.Symbology`) }}</span>
            <el-select v-model="value" filterable placeholder="欧码">
              <el-option v-for="item in options1" :key="item.value" :label="item.label" :value="item.value" />
            </el-select>
          </div>
          <div class="ml15 flex" v-if="value === 0">
            <span class="f14" style="width: 80px; line-height: 32px">{{ $t(`Print.TotalQuantity`) }}</span>
            <el-input placeholder="" clearable @change=""></el-input>
          </div>
          <div class="ml15 flex" v-if="value === 0">
            <span class="f14" style="width: 80px; line-height: 32px">{{ $t(`Print.TestSpecimens`) }}</span>
            <el-input placeholder="" clearable @change=""></el-input>
          </div>
          <div class="ml15 flex" v-if="value === 0">
            <span class="f14" style="width: 80px; line-height: 32px">{{ $t(`Print.TensileSample`) }}</span>
            <el-input placeholder="" clearable @change=""></el-input>
          </div>
        </div>

        <div class="mt15" v-if="value === 0">
          <Table :tableHeader="tableHeader4" :tableData="tableData4" />
          <el-card shadow="never" :body-style="{ padding: '10px 10px 10px' }">
            <div slot="header" class="f16">
              <span style="font-weight: 600">{{ $t(`Print.InstructionCodeDetails`) }}</span>
            </div>
            <Table :tableHeader="tableHeader41" :tableData="tableData41" :TableHeight="500" />
          </el-card>
        </div>
        <div class="mt15" v-if="value === 1">
          <Table :tableHeader="tableHeader5" :tableData="tableData5" />
        </div>
        <!-- 配色注意事项 -->
        <div class="mt15" v-if="value === 2">
          <Table :tableHeader="tableHeader6" :tableData="tableData6" />
        </div>
        <!-- 型体配宣明细 -->
        <div class="mt15" v-if="value === 3">
          <Table :tableHeader="tableHeader7" :tableData="tableData7" />
        </div>
        <!-- 配色BOM资料 -->
        <div class="mt15" v-if="value === 4">
          <Table :tableHeader="tableHeader8" :tableData="tableData8" />
        </div>
        <!-- 各节点生产明细 -->
        <div class="mt15 flex" v-if="value === 5">
          <Table :tableHeader="tableHeader9" :tableData="tableData9" class="mr55" />
          <Table :tableHeader="tableHeader9" :tableData="tableData9" class="mr55" />
          <Table :tableHeader="tableHeader9" :tableData="tableData9" class="mr55" />
          <Table :tableHeader="tableHeader9" :tableData="tableData9" />
        </div>

        <PageModule :PageData="{ pageSizeShow: true }" />
      </el-card>
    </div>
  </div>
</template>
<script lang="ts">
import { defineComponent } from 'vue'
import 'dayjs/locale/zh-cn'
import JMessage from '@/utils/JMessage'
export default defineComponent({
  name: 'CommandDataQueryJ'
})
</script>
<script lang="ts" setup>
import { i18n, Jzhcn } from '@/i18n'
import { reactive, ref } from 'vue'
const value = ref(0)
const options = [
  {
    value: 0,
    label: 'PO号码明细'
  },
  {
    value: 1,
    label: '指令用量明细'
  },
  {
    value: 2,
    label: '配色注意事项'
  },
  {
    value: 3,
    label: '型体配楦明细'
  },
  {
    value: 4,
    label: '配色BOM明细'
  },
  {
    value: 5,
    label: '各节点明细'
  }
]
const options1 = [
  {
    value: 0,
    label: '欧码'
  },
  {
    value: 1,
    label: '指令用量明细'
  },
  {
    value: 2,
    label: '配色注意事项'
  },
  {
    value: 3,
    label: '型体配楦明细'
  },
  {
    value: 4,
    label: '配色BOM明细'
  },
  {
    value: 5,
    label: '各节点明细'
  }
]
const formList = ref([
  {
    type: 'input',
    inputPlaceholder: '请输入指令',
    inputValue: ''
  },
  {
    type: 'select',
    selectValue: '工厂型体',
    selectLabel: '',
    selectOptions: [
      {
        optionKey: '1',
        optionValue: '111111',
        optionLabel: 'option1'
      },
      {
        optionKey: '2',
        optionValue: '222222',
        optionLabel: 'option2'
      },
      {
        optionKey: '3',
        optionValue: '333333',
        optionLabel: 'option3'
      }
    ]
  },
  {
    type: 'select',
    selectValue: '新旧型体',
    selectLabel: '',
    selectOptions: [
      {
        optionKey: '1',
        optionValue: '111111',
        optionLabel: 'option1'
      },
      {
        optionKey: '2',
        optionValue: '222222',
        optionLabel: 'option2'
      },
      {
        optionKey: '3',
        optionValue: '333333',
        optionLabel: 'option3'
      }
    ]
  },
  {
    type: 'select',
    selectValue: '颜色代码',
    selectLabel: '',
    selectOptions: [
      {
        optionKey: '1',
        optionValue: '111111',
        optionLabel: 'option1'
      },
      {
        optionKey: '2',
        optionValue: '222222',
        optionLabel: 'option2'
      },
      {
        optionKey: '3',
        optionValue: '333333',
        optionLabel: 'option3'
      }
    ]
  },
  {
    type: 'select',
    selectValue: '颜色名称',
    selectLabel: '',
    selectOptions: [
      {
        optionKey: '1',
        optionValue: '111111',
        optionLabel: 'option1'
      },
      {
        optionKey: '2',
        optionValue: '222222',
        optionLabel: 'option2'
      },
      {
        optionKey: '3',
        optionValue: '333333',
        optionLabel: 'option3'
      }
    ]
  },
  {
    type: 'select',
    selectValue: '品牌',
    selectLabel: '',
    selectOptions: [
      {
        optionKey: '1',
        optionValue: '111111',
        optionLabel: 'option1'
      },
      {
        optionKey: '2',
        optionValue: '222222',
        optionLabel: 'option2'
      },
      {
        optionKey: '3',
        optionValue: '333333',
        optionLabel: 'option3'
      }
    ]
  },
  {
    type: 'date',
    dateLabel: '下单日期'
  },
  {
    type: 'date',
    dateLabel: '客人交期'
  },
  {
    type: 'input',
    inputPlaceholder: '请输入合同号',
    inputValue: ''
  },
  {
    type: 'input',
    inputPlaceholder: '请输入客人货号',
    inputValue: ''
  },
  {
    type: 'select',
    selectValue: '冲刀',
    selectLabel: '',
    selectOptions: [
      {
        optionKey: '1',
        optionValue: '111111',
        optionLabel: 'option1'
      },
      {
        optionKey: '2',
        optionValue: '222222',
        optionLabel: 'option2'
      },
      {
        optionKey: '3',
        optionValue: '333333',
        optionLabel: 'option3'
      }
    ]
  },
  {
    type: 'select',
    selectValue: '楦头',
    selectLabel: '',
    selectOptions: [
      {
        optionKey: '1',
        optionValue: '111111',
        optionLabel: 'option1'
      },
      {
        optionKey: '2',
        optionValue: '222222',
        optionLabel: 'option2'
      },
      {
        optionKey: '3',
        optionValue: '333333',
        optionLabel: 'option3'
      }
    ]
  },
  {
    type: 'select',
    selectValue: '底模',
    selectLabel: '',
    selectOptions: [
      {
        optionKey: '1',
        optionValue: '111111',
        optionLabel: 'option1'
      },
      {
        optionKey: '2',
        optionValue: '222222',
        optionLabel: 'option2'
      },
      {
        optionKey: '3',
        optionValue: '333333',
        optionLabel: 'option3'
      }
    ]
  },
  {
    type: 'select',
    selectValue: '大底厂商',
    selectLabel: '',
    selectOptions: [
      {
        optionKey: '1',
        optionValue: '111111',
        optionLabel: 'option1'
      },
      {
        optionKey: '2',
        optionValue: '222222',
        optionLabel: 'option2'
      },
      {
        optionKey: '3',
        optionValue: '333333',
        optionLabel: 'option3'
      }
    ]
  },
  {
    type: 'select',
    selectValue: '季度',
    selectLabel: '',
    selectOptions: [
      {
        optionKey: '1',
        optionValue: '111111',
        optionLabel: 'option1'
      },
      {
        optionKey: '2',
        optionValue: '222222',
        optionLabel: 'option2'
      },
      {
        optionKey: '3',
        optionValue: '333333',
        optionLabel: 'option3'
      }
    ]
  },
  {
    type: 'button',
    checkboxLabel: '置空',
    bgColor: '#1890FF'
  },
  {
    type: 'button',
    checkboxLabel: '重置'
  },
  {
    type: 'button',
    checkboxLabel: '导出'
  }
])
const formList2 = ref([
  {
    type: 'input',
    inputLabel: '工厂型体',
    inputValue: ''
  },
  {
    type: 'input',
    inputLabel: '新旧型体',
    inputValue: ''
  },
  {
    type: 'input',
    inputLabel: '颜色代码',
    inputValue: ''
  },
  {
    type: 'input',
    inputLabel: '颜色',
    inputValue: ''
  },
  {
    type: 'input',
    inputLabel: '制单人',
    inputValue: ''
  },
  {
    type: 'input',
    inputLabel: '中间码',
    inputValue: ''
  },
  {
    type: 'input',
    inputLabel: '品牌',
    inputValue: ''
  },
  {
    type: 'input',
    inputLabel: '客人货号',
    inputValue: ''
  },
  {
    type: 'input',
    inputLabel: '合同号',
    inputValue: ''
  },
  {
    type: 'input',
    inputLabel: '客人交期',
    inputValue: ''
  },
  {
    type: 'input',
    inputLabel: '制单日期',
    inputValue: ''
  },
  {
    type: 'input',
    inputLabel: '基本码',
    inputValue: ''
  },
  {
    type: 'input',
    inputLabel: '冲刀号',
    inputValue: ''
  },
  {
    type: 'input',
    inputLabel: '底模号',
    inputValue: ''
  },
  {
    type: 'input',
    inputLabel: '大体厂商',
    inputValue: ''
  },
  {
    type: 'input',
    inputLabel: '楦头',
    inputValue: ''
  },
  {
    type: 'input',
    inputLabel: '下单日期',
    inputValue: ''
  },
  {
    type: 'input',
    inputLabel: '季度',
    inputValue: ''
  },
  {
    type: 'input',
    inputLabel: '生成日期',
    inputValue: ''
  },
  {
    type: 'input',
    inputLabel: '生成状态',
    inputValue: ''
  },
  {
    type: 'input',
    inputLabel: '检核日期',
    inputValue: ''
  },
  {
    type: 'input',
    inputLabel: '检核状态',
    inputValue: ''
  },
  {
    type: 'input',
    inputLabel: '审核日期',
    inputValue: ''
  },
  {
    type: 'input',
    inputLabel: '备注',
    inputValue: ''
  }
])

const formList3 = ref([
  {
    type: 'checkbox',
    checkboxLabel: '全套',
    checked: false
  },
  {
    type: 'checkbox',
    checkboxLabel: '主面料',
    checked: false
  },
  {
    type: 'checkbox',
    checkboxLabel: '冲裁',
    checked: false
  },
  {
    type: 'checkbox',
    checkboxLabel: '工艺',
    checked: false
  },
  {
    type: 'checkbox',
    checkboxLabel: '配套',
    checked: false
  },
  {
    type: 'checkbox',
    checkboxLabel: '针车',
    checked: false
  },
  {
    type: 'checkbox',
    checkboxLabel: '大底',
    checked: false
  },
  {
    type: 'checkbox',
    checkboxLabel: '成型',
    checked: false
  },
  {
    type: 'checkbox',
    checkboxLabel: '外发',
    checked: false
  }
])

const formList4 = ref([
  {
    type: 'select',
    selectValue: '',
    selectP: '欧码',
    selectLabel: '码制',
    selectOptions: [
      {
        optionKey: '1',
        optionValue: '111111',
        optionLabel: 'option1'
      },
      {
        optionKey: '2',
        optionValue: '222222',
        optionLabel: 'option2'
      }
    ]
  },
  {
    type: 'input',
    inputLabel: '总数量',
    inputValue: ''
  },
  {
    type: 'input',
    inputLabel: '测试样',
    inputValue: ''
  },
  {
    type: 'input',
    inputLabel: '拉力样',
    inputValue: ''
  },
  {
    type: 'input',
    inputLabel: '船头样',
    inputValue: ''
  }
])
const findData = (data: any) => {
  console.log(data)
}

// 表格数据
const tableData = ref([
  {
    customer: '2023-5-5002',
    instruction: 'CKJM046-22L',
    shape: '长裤',
    color: '黑色',
    orderNum: '1',
    orderDate: '2021-05-20',
    deliveryDate: '2021-05-20',
    process: '1',
    arbitration: '1',
    manual: '1',
    needleCar: '1',
    unitPrice: '1',
    externalUnitPrice: '1'
  },
  {
    customer: '2023-5-5002',
    instruction: 'CKJM046-22L',
    shape: '长裤',
    color: '黑色',
    orderNum: '1',
    orderDate: '2021-05-20',
    deliveryDate: '2021-05-20',
    process: '1',
    arbitration: '1',
    manual: '1',
    needleCar: '1',
    unitPrice: '1',
    externalUnitPrice: '1'
  },
  {
    customer: '2023-5-5002',
    instruction: 'CKJM046-22L',
    shape: '长裤',
    color: '黑色',
    orderNum: '1',
    orderDate: '2021-05-20',
    deliveryDate: '2021-05-20',
    process: '1',
    arbitration: '1',
    manual: '1',
    needleCar: '1',
    unitPrice: '1',
    externalUnitPrice: '1'
  },
  {
    customer: '2023-5-5002',
    instruction: 'CKJM046-22L',
    shape: '长裤',
    color: '黑色',
    orderNum: '1',
    orderDate: '2021-05-20',
    deliveryDate: '2021-05-20',
    process: '1',
    arbitration: '1',
    manual: '1',
    needleCar: '1',
    unitPrice: '1',
    externalUnitPrice: '1'
  },
  {
    customer: '2023-5-5002',
    instruction: 'CKJM046-22L',
    shape: '长裤',
    color: '黑色',
    orderNum: '1',
    orderDate: '2021-05-20',
    deliveryDate: '2021-05-20',
    process: '1',
    arbitration: '1',
    manual: '1',
    needleCar: '1',
    unitPrice: '1',
    externalUnitPrice: '1'
  },
  {
    customer: '2023-5-5002',
    instruction: 'CKJM046-22L',
    shape: '长裤',
    color: '黑色',
    orderNum: '1',
    orderDate: '2021-05-20',
    deliveryDate: '2021-05-20',
    process: '1',
    arbitration: '1',
    manual: '1',
    needleCar: '1',
    unitPrice: '1',
    externalUnitPrice: '1'
  },
  {
    customer: '2023-5-5002',
    instruction: 'CKJM046-22L',
    shape: '长裤',
    color: '黑色',
    orderNum: '1',
    orderDate: '2021-05-20',
    deliveryDate: '2021-05-20',
    process: '1',
    arbitration: '1',
    manual: '1',
    needleCar: '1',
    unitPrice: '1',
    externalUnitPrice: '1'
  },
  {
    customer: '2023-5-5002',
    instruction: 'CKJM046-22L',
    shape: '长裤',
    color: '黑色',
    orderNum: '1',
    orderDate: '2021-05-20',
    deliveryDate: '2021-05-20',
    process: '1',
    arbitration: '1',
    manual: '1',
    needleCar: '1',
    unitPrice: '1',
    externalUnitPrice: '1'
  },
  {
    customer: '2023-5-5002',
    instruction: 'CKJM046-22L',
    shape: '长裤',
    color: '黑色',
    orderNum: '1',
    orderDate: '2021-05-20',
    deliveryDate: '2021-05-20',
    process: '1',
    arbitration: '1',
    manual: '1',
    needleCar: '1',
    unitPrice: '1',
    externalUnitPrice: '1'
  },
  {
    customer: '2023-5-5002',
    instruction: 'CKJM046-22L',
    shape: '长裤',
    color: '黑色',
    orderNum: '1',
    orderDate: '2021-05-20',
    deliveryDate: '2021-05-20',
    process: '1',
    arbitration: '1',
    manual: '1',
    needleCar: '1',
    unitPrice: '1',
    externalUnitPrice: '1'
  },
  {
    customer: '2023-5-5002',
    instruction: 'CKJM046-22L',
    shape: '长裤',
    color: '黑色',
    orderNum: '1',
    orderDate: '2021-05-20',
    deliveryDate: '2021-05-20',
    process: '1',
    arbitration: '1',
    manual: '1',
    needleCar: '1',
    unitPrice: '1',
    externalUnitPrice: '1'
  },
  {
    customer: '2023-5-5002',
    instruction: 'CKJM046-22L',
    shape: '长裤',
    color: '黑色',
    orderNum: '1',
    orderDate: '2021-05-20',
    deliveryDate: '2021-05-20',
    process: '1',
    arbitration: '1',
    manual: '1',
    needleCar: '1',
    unitPrice: '1',
    externalUnitPrice: '1'
  },
  {
    customer: '2023-5-5002',
    instruction: 'CKJM046-22L',
    shape: '长裤',
    color: '黑色',
    orderNum: '1',
    orderDate: '2021-05-20',
    deliveryDate: '2021-05-20',
    process: '1',
    arbitration: '1',
    manual: '1',
    needleCar: '1',
    unitPrice: '1',
    externalUnitPrice: '1'
  },
  {
    customer: '2023-5-5002',
    instruction: 'CKJM046-22L',
    shape: '长裤',
    color: '黑色',
    orderNum: '1',
    orderDate: '2021-05-20',
    deliveryDate: '2021-05-20',
    process: '1',
    arbitration: '1',
    manual: '1',
    needleCar: '1',
    unitPrice: '1',
    externalUnitPrice: '1'
  },
  {
    customer: '2023-5-5002',
    instruction: 'CKJM046-22L',
    shape: '长裤',
    color: '黑色',
    orderNum: '1',
    orderDate: '2021-05-20',
    deliveryDate: '2021-05-20',
    process: '1',
    arbitration: '1',
    manual: '1',
    needleCar: '1',
    unitPrice: '1',
    externalUnitPrice: '1'
  },
  {
    customer: '2023-5-5002',
    instruction: 'CKJM046-22L',
    shape: '长裤',
    color: '黑色',
    orderNum: '1',
    orderDate: '2021-05-20',
    deliveryDate: '2021-05-20',
    process: '1',
    arbitration: '1',
    manual: '1',
    needleCar: '1',
    unitPrice: '1',
    externalUnitPrice: '1'
  },
  {
    customer: '2023-5-5002',
    instruction: 'CKJM046-22L',
    shape: '长裤',
    color: '黑色',
    orderNum: '1',
    orderDate: '2021-05-20',
    deliveryDate: '2021-05-20',
    process: '1',
    arbitration: '1',
    manual: '1',
    needleCar: '1',
    unitPrice: '1',
    externalUnitPrice: '1'
  },
  {
    customer: '2023-5-5002',
    instruction: 'CKJM046-22L',
    shape: '长裤',
    color: '黑色',
    orderNum: '1',
    orderDate: '2021-05-20',
    deliveryDate: '2021-05-20',
    process: '1',
    arbitration: '1',
    manual: '1',
    needleCar: '1',
    unitPrice: '1',
    externalUnitPrice: '1'
  },
  {
    customer: '2023-5-5002',
    instruction: 'CKJM046-22L',
    shape: '长裤',
    color: '黑色',
    orderNum: '1',
    orderDate: '2021-05-20',
    deliveryDate: '2021-05-20',
    process: '1',
    arbitration: '1',
    manual: '1',
    needleCar: '1',
    unitPrice: '1',
    externalUnitPrice: '1'
  },
  {
    customer: '2023-5-5002',
    instruction: 'CKJM046-22L',
    shape: '长裤',
    color: '黑色',
    orderNum: '1',
    orderDate: '2021-05-20',
    deliveryDate: '2021-05-20',
    process: '1',
    arbitration: '1',
    manual: '1',
    needleCar: '1',
    unitPrice: '1',
    externalUnitPrice: '1'
  },
  {
    customer: '2023-5-5002',
    instruction: 'CKJM046-22L',
    shape: '长裤',
    color: '黑色',
    orderNum: '1',
    orderDate: '2021-05-20',
    deliveryDate: '2021-05-20',
    process: '1',
    arbitration: '1',
    manual: '1',
    needleCar: '1',
    unitPrice: '1',
    externalUnitPrice: '1'
  },
  {
    customer: '2023-5-5002',
    instruction: 'CKJM046-22L',
    shape: '长裤',
    color: '黑色',
    orderNum: '1',
    orderDate: '2021-05-20',
    deliveryDate: '2021-05-20',
    process: '1',
    arbitration: '1',
    manual: '1',
    needleCar: '1',
    unitPrice: '1',
    externalUnitPrice: '1'
  },
  {
    customer: '2023-5-5002',
    instruction: 'CKJM046-22L',
    shape: '长裤',
    color: '黑色',
    orderNum: '1',
    orderDate: '2021-05-20',
    deliveryDate: '2021-05-20',
    process: '1',
    arbitration: '1',
    manual: '1',
    needleCar: '1',
    unitPrice: '1',
    externalUnitPrice: '1'
  }
])

const tableHeader = ref([
  {
    label: '指令',
    prop: 'customer',
    width: 100
  },
  {
    label: '订单数',
    prop: 'instruction',
    width: 100
  },
  {
    label: '预补数',
    prop: 'shape',
    width: 100
  }
])

const tableHeader3 = ref([
  {
    label: '配码',
    prop: 'customer'
  },
  {
    label: 'PO',
    prop: 'instruction'
  },
  {
    label: '装箱方式',
    prop: 'shape'
  },
  {
    label: '数量',
    prop: 'shape'
  },
  {
    label: '27.5#',
    prop: 'shape'
  },
  {
    label: '28#',
    prop: 'shape'
  },
  {
    label: '28.5#',
    prop: 'shape'
  },
  {
    label: '29#',
    prop: 'shape'
  },
  {
    label: '29.5#',
    prop: 'shape'
  },
  {
    label: '30#',
    prop: 'shape'
  },
  {
    label: '30.5#',
    prop: 'shape'
  },
  {
    label: '31#',
    prop: 'shape'
  },
  {
    label: '31.5#',
    prop: 'shape'
  },
  {
    label: '32#',
    prop: 'shape'
  },
  {
    label: '32.5#',
    prop: 'shape'
  },
  {
    label: '33#',
    prop: 'shape'
  },
  {
    label: '33.5#',
    prop: 'shape'
  },
  {
    label: '34#',
    prop: 'shape'
  },
  {
    label: '34.5#',
    prop: 'shape'
  },
  {
    label: '35#',
    prop: 'shape'
  },
  {
    label: '35.5#',
    prop: 'shape'
  },
  {
    label: '36#',
    prop: 'shape'
  },
  {
    label: '36.5#',
    prop: 'shape'
  },
  {
    label: '37#',
    prop: 'shape'
  },
  {
    label: '37.5#',
    prop: 'shape'
  },
  {
    label: '38#',
    prop: 'shape'
  },
  {
    label: '38.5#',
    prop: 'shape'
  },
  {
    label: '39#',
    prop: 'shape'
  },
  {
    label: '39.5#',
    prop: 'shape'
  },
  {
    label: '40#',
    prop: 'shape'
  },
  {
    label: '40.5#',
    prop: 'shape'
  },
  {
    label: '41#',
    prop: 'shape'
  },
  {
    label: '41.5#',
    prop: 'shape'
  },
  {
    label: '42#',
    prop: 'shape'
  },
  {
    label: '42.5#',
    prop: 'shape'
  },
  {
    label: '43#',
    prop: 'shape'
  }
])

const tableHeader4 = ref([
  {
    label: '配码',
    prop: 'test',
    width: '37'
  },
  {
    label: 'PO',
    prop: 'test',
    width: '37'
  },
  {
    label: '装箱方式',
    prop: 'test',
    width: '69'
  },
  {
    label: '数量',
    prop: 'test',
    width: '37'
  },
  {
    label: '27.5#',
    prop: 'test',
    width: '37'
  },
  {
    label: '28#',
    prop: 'test',
    width: '37'
  },
  {
    label: '28.5#',
    prop: 'test',
    width: '37'
  },
  {
    label: '29#',
    prop: 'test',
    width: '37'
  },
  {
    label: '29.5#',
    prop: 'test',
    width: '37'
  },
  {
    label: '30#',
    prop: 'test',
    width: '37'
  },
  {
    label: '30.5#',
    prop: 'test',
    width: '37'
  },
  {
    label: '31#',
    prop: 'test',
    width: '37'
  },
  {
    label: '31.5#',
    prop: 'test',
    width: '37'
  },
  {
    label: '32#',
    prop: 'test',
    width: '37'
  },
  {
    label: '32.5#',
    prop: 'test',
    width: '37'
  },
  {
    label: '33#',
    prop: 'test',
    width: '37'
  },
  {
    label: '33.5#',
    prop: 'test',
    width: '37'
  },
  {
    label: '34#',
    prop: 'test',
    width: '37'
  },
  {
    label: '34.5#',
    prop: 'test',
    width: '37'
  },
  {
    label: '35#',
    prop: 'test',
    width: '37'
  },
  {
    label: '35.5#',
    prop: 'test',
    width: '37'
  },
  {
    label: '36#',
    prop: 'test',
    width: '37'
  },
  {
    label: '36.5#',
    prop: 'test',
    width: '37'
  },
  {
    label: '37#',
    prop: 'test',
    width: '37'
  },
  {
    label: '37.5#',
    prop: 'test',
    width: '37'
  },
  {
    label: '38#',
    prop: 'test',
    width: '37'
  },
  {
    label: '38.5#',
    prop: 'test',
    width: '37'
  },
  {
    label: '39#',
    prop: 'test',
    width: '37'
  },
  {
    label: '39.5#',
    prop: 'test',
    width: '37'
  },
  {
    label: '40#',
    prop: 'test',
    width: '37'
  },
  {
    label: '40.5#',
    prop: 'test',
    width: '37'
  },
  {
    label: '41#',
    prop: 'test',
    width: '37'
  },
  {
    label: '41.5#',
    prop: 'test',
    width: '37'
  },
  {
    label: '42#',
    prop: 'test',
    width: '37'
  },
  {
    label: '42.5#',
    prop: 'test',
    width: '37'
  },
  {
    label: '43#',
    prop: 'test',
    width: '37'
  }
])
const tableHeader41 = ref([
  {
    label: '号码',
    prop: 'test'
  },
  {
    label: '订单数',
    prop: 'test'
  },
  {
    label: '预补数',
    prop: 'test'
  }
])
const tableData41 = ref([
  {
    test: '123'
  }
])
const tableData4 = ref([
  {
    test: '123'
  }
])

const tableHeader5 = ref([
  {
    label: '序号',
    prop: 'test'
  },
  {
    label: '部位',
    prop: 'test'
  },
  {
    label: '物料编号',
    prop: 'test'
  },
  {
    label: '段',
    prop: 'test'
  },
  {
    label: '分类',
    prop: 'test'
  },
  {
    label: '分类名称',
    prop: 'test'
  },
  {
    label: '材料颜色',
    prop: 'test'
  },
  {
    label: '材料名称',
    prop: 'test'
  },
  {
    label: '规格',
    prop: 'test'
  },
  {
    label: '单位',
    prop: 'test'
  },
  {
    label: '尺码启',
    prop: 'test'
  },
  {
    label: '尺码止',
    prop: 'test'
  },
  {
    label: '单耗',
    prop: 'test'
  },
  {
    label: '用量',
    prop: 'test'
  },
  {
    label: '预加量',
    prop: 'test'
  },
  {
    label: '比例%',
    prop: 'test'
  },
  {
    label: '备注',
    prop: 'test'
  }
])
const tableData5 = ref([])

const tableHeader6 = ref([
  {
    label: '序号',
    prop: 'test'
  },
  {
    label: '事项名称',
    prop: 'test'
  },
  {
    label: '生产注意事项',
    prop: 'test'
  }
])
const tableData6 = ref([])

const tableHeader7 = ref([
  {
    label: '鞋码',
    prop: 'test'
  },
  {
    label: '冲刀',
    prop: 'test'
  },
  {
    label: '楦头',
    prop: 'test'
  },
  {
    label: '大底',
    prop: 'test'
  },
  {
    label: '中底',
    prop: 'test'
  },
  {
    label: '鞋垫/脚床',
    prop: 'test'
  }
])
const tableData7 = ref([])

const tableHeader8 = ref([
  {
    label: '序号',
    prop: 'test'
  },
  {
    label: '部位',
    prop: 'test'
  },
  {
    label: '分段',
    prop: 'test'
  },
  {
    label: '片数',
    prop: 'test'
  },
  {
    label: '分类名称',
    prop: 'test'
  },
  {
    label: '物料编码',
    prop: 'test'
  },
  {
    label: '材料颜色',
    prop: 'test'
  },
  {
    label: '材料名称',
    prop: 'test'
  },
  {
    label: '规格',
    prop: 'test'
  },
  {
    label: '单位',
    prop: 'test'
  },
  {
    label: '尺码启',
    prop: 'test'
  },
  {
    label: '尺码止',
    prop: 'test'
  },
  {
    label: '用量',
    prop: 'test'
  },
  {
    type: 'select',
    label: '计算方式',
    prop: 'test'
  },
  {
    type: 'select',
    label: '领用部门',
    prop: 'test'
  },
  {
    type: 'checkbox',
    label: '捡料',
    prop: 'test'
  },
  {
    type: 'select',
    label: '主辅料',
    prop: 'test'
  },
  {
    label: '备注',
    prop: 'test'
  }
])
const tableData8 = ref([
  {
    test: '1223'
  }
])

const tableHeader9 = ref([
  {
    label: '号码',
    prop: 'test'
  },
  {
    label: '订单数',
    prop: 'test'
  },
  {
    label: '预补数',
    prop: 'test'
  }
])
const tableData9 = ref([])
</script>

<style lang="less" scoped>
.btns {
  display: flex;
  justify-content: end;
  margin: 10px 20px 0px;

  .bg {
    background-color: #e7e7e7;
    border: 1px solid #e7e7e7;
    color: #000000;
  }
}

.top {
  :deep(.el-input) {
    height: 25px;
    color: red;
    width: 80px !important;
  }

  :deep(.el-form-item__label) {
    width: 65px;
    justify-content: start;
    padding: 0;
  }

  :deep(.right) {
    .el-form {
      flex-wrap: wrap;
      width: 290px;

      .el-form-item {
        justify-content: space-between;
        width: 60px;
        margin-top: 30px;
        margin-right: 20px !important;
      }
    }
  }
}

.main {
  :deep(.el-form-item:first-child) {
    width: 350px;

    .el-input__inner {
      width: 300px;
    }
  }

  :deep(.w-50) {
    width: 100px !important;
  }

  :deep(.el-form-item__content) {
    margin-right: 40px !important;
  }
}

.MainLeftCard {
  position: relative;
  margin-left: 10px;
}

// 表格内容居中
:deep(.el-table .cell.el-tooltip) {
  min-width: auto;
}
</style>
